<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>特色潮流鲜花</title>
</head>
<body>
     <div>
         <h1><b>高级查询</b></h1>
         <p>  关键字:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="one" style="width:120px;height:15px"/>
         </p>


         <p>查找方式：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select style ="width:200px;height:30px"  >
             <option value="10">商品名称</option>
             <option value="11">玫瑰花</option>
             <option value="12">茉莉花</option>
             <option value="13">喇叭花</option>
             <option value="14">牡丹花</option>
           </select>
         </p>

         <p>价格方式：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select style ="width:200px;height:30px"  >
             <option value="15">200元以下</option>
             <option value="16">100元到200元之间</option>
             <option value="17">100元以下</option>
             <option value="18">200元以上</option>
         </select>
         </p>
         <p>商品分类：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select style ="width:200px;height:30px"  >
             <option value="19">查询所有分类</option>
             <option value="20">查询白色花类</option>
             <option value="21">查询红色花类</option>
             <option value="22">查询黑色花类</option>
         </select>
         </p>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <button style="color: #ac2925">快速查询</button>
     </div>
    <div>
        <table>

            <h3  href="#" style="color: #ac2925">特色潮流鲜花<sub style="color: #1b6d85; font-size:12px">TRENO FEAURES</sub></h3>
            <h3><hr style="position:relative;bottom: 15px"></h3>
            <thead>
                   <tr  style="width: 180px"></tr>
                   <tr  style="width: 180px"></tr>
                   <tr  style="width: 180px"></tr>
                   <tr  style="width: 180px"></tr>
                   <tr  style="width: 180px"></tr>
            </thead>
            <tbody>
                <tr>
                    <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                        </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                        <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                    <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                    </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                        <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                    <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                    </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                        <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                    <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                    </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                        <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                    <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                    </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                        <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                </tr>
            </tbody>

            <tbody >
            <tr >
                <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                    <button style="position:relative;bottom: 0px;left: 20px">立即订购</button></td>
                <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                    <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                    <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                    <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
                <td><img src="..\res\img\Capture001.png" style="width: 120px;height: 120px"><p>玫瑰花4朵&nbsp;&nbsp;&nbsp;<b style="color: #eb7350">200元</b>
                </p><u style="position:relative;bottom: 0px;left: 20px">点击详情 </u>
                    <button style="position:relative;bottom: -20px;left:-50px">立即订购</button></td>
            </tr>
            </tbody>
        </table>
    </div>
</body>
<script type="text/javascript">
    var form=null;
    layui.use('form', function(){
    form = layui.form;
    //监听提交
    form.on('submit(formDemo)', function(data){
        //layer.msg(JSON.stringify(data.field));
        //layer.msg(JSON.stringify(data.field));
        var url="../Two/addOrupdate";
        var formData = new FormData(document.getElementById("formDId"));
        $.ajax({
            url:url,
            type:"post",
            data:formData,
            processData:false,
            contentType:false,
            dataType:"json",
            success:function(obj){
                if(obj.num==1){
                    layer.msg(obj.msg,{
                        icon:1,
                        time:1000 //1秒关闭(如果不配置默认三秒)
                    },function(){
                        //关闭当前层
                        //当你在iframe页面关闭自身时
                        parent.layui.table.reload("test");
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                        //刷新父页面
                        //parent.location.reload();
                    });
                    return false ;
                }
            },
            error:function(e){
                layer.msg("错误！！");
            }
        });
        return false;
    });
    });

</script>
</html>